<template>
    <el-dialog
        title="温馨提示"
        :visible.sync="showModel"
        width="640px"
        :close-on-click-modal="false"
        class="perfectNotice"
    >
        <div class="perfect_wrap">
            <p class="_title">取店铺名称需要注意事项</p>
            <p class="_content">
                1、店铺名称不得与已经通过审核的店铺名称重复。若两个或以上店铺申请相同的符合规定的店铺名称，掌上大学依照申请在先原则核定，未通过审核的店铺需要更换店铺名称后重新提交申请。
            </p>
            <p class="_content">
                2、未经掌上大学许可，店铺名称、店铺标识、店铺详情等均不得使用“掌上大学特许”、“掌上大学授权”或其他带有类似含义的内容。
            </p>
            <p class="_content">
                3、未经相关权利人授权并提交有效证明文件，店铺名称、店铺标识、店铺详情等均不得使用“特约经营”、“特约经销”、“总经销”、“总代理”、“厂家认证”、“官方店铺”或其他可能是买家误认为该店铺已经取得相应品牌授权的内容。
            </p>
            <p class="_content">
                4、个人店铺的店铺名称不得使用“旗舰”、“专卖”、“专营”、“官方”、“直营”、“官字”、“官方认证”、“官方授权”、“特许经营”、“特约经销”或其他带有类似含义的内容。
            </p>
            <p class="_content">
                5、店铺名称不得带有电话号码、电子邮箱、网址、二维码、即时通讯工具或其他联系信息（如QQ号码、微信号等）。
            </p>
            <p class="_content">
                6、店铺名称不得包含具有下列情形的内容： <br>
                &nbsp;（1）有损国家、社会公共利益，或有损民族尊严的； <br>
                &nbsp;（2）侵犯他人合法权利的； <br>
                &nbsp;（3）夸大宣传、可能误导公众的； <br>
                &nbsp;（4）外国国家或地区的名称； <br>
                &nbsp;（5）国际组织的名称； <br>
                &nbsp;（6）政治敏感信息，包括但不限于国家领导人姓名、政党名称、党政军机关名称； <br>
                &nbsp;（7）含有封建文化糟粕、有消极政治影响，或违背少数民族习俗、带有歧视性的； <br>
                &nbsp;（8）与经营主体无关，含有除掌上大学外的其他电子商务平台信息； <br>
                &nbsp;（9）其他违反法律法规或社会善良风俗的 情节严重者，一经发现将关闭店铺名称修改权限
            </p>
        </div>
        <p class="perfect_button" @click="close()">
            知道了
        </p>
    </el-dialog>
</template>

<script>
export default {
    data () {
        return {
            showModel: false
        };
    },
    methods: {
        show () {
            this.showModel = true;
        },
        close () {
            this.showModel = false;
        }
    }
};
</script>

<style lang="less" scoped>
.perfectNotice {
    ._title {
        height: 22px;
        line-height: 22px;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
    }
    .perfect_wrap {
        width: 100%;
        max-height: 488px;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        padding: 0 52px 20px 52px;
        &::-webkit-scrollbar {
            width: 3px;
        }
    }
    ._content {
        color: rgba(102, 102, 102, 1);
        font-size: 12px;
        line-height: 20px;
        margin-top: 16px;
    }
    .perfect_button {
        width: 100%;
        height: 52px;
        line-height: 52px;
        text-align: center;
        color: rgba(32, 160, 255, 1);
        font-size: 16px;
        cursor: pointer;
        border-top: 1px rgba(233, 233, 233, 1) solid;
    }
}
</style>

<style lang="less">
.perfectNotice {
    .el-dialog__header {
        padding-top: 10px;
        box-shadow:0px 1px 0px 0px rgba(233,233,233,1);
        display: flex;
        align-items: center;
        background: #FAFAFA;
        border-radius: 4px 4px 0 0;
        .el-dialog__title {
            font-weight: 500;
            color: #333;
            font-size: 14px;
        }
        .el-icon-close:before {
            color: rgb(194,194,194);
            font-size: 17px;
            font-weight: bold;
        }
        .el-dialog__headerbtn {
            top: 14px;
        }
    }
    .el-dialog__body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
}
</style>